<seed-content class="gray-background">
  <seed-toolbar-header>
    <seed-toolbar-title>课时{{dataStore.lessonNum}} 训练计划</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <div class="lesson-detail" *ngIf="lessonInfo">
    <header>
      <h2 class="title text-ellipsis">课时主题：{{dataStore.lessonTitle}}</h2>
      <div class="basic-info">
        <time>上课时间：{{lessonInfo.beginTime| amDateFormat:'HH:mm'}}-{{lessonInfo.endTime| amDateFormat:'HH:mm'}}</time>
        <div class="address">
          <address class="text-ellipsis">上课校区：{{lessonInfo.schollName}}</address>
        </div>

      </div>
    </header>
    <div class="content">
      <h3 class="title seed-module-title">训练方式</h3>
      <div class="plan-list" *ngIf="lessonInfo.listTrainPlan">
        <div class="plan-item seed-underline" *ngFor="let plan of lessonInfo.listTrainPlan"
             [routerLink]="['/train/plan/plan-detail',plan.id]">
          <div class="minute">{{plan.trainingDuration }}分钟</div>
          <div class="intro">
            <h4>{{plan.trainingName }}</h4>
            <p>训练目标：{{plan.trainingAim?plan.trainingAim:'暂无内容'}}</p>
            <div class="image-box" *ngIf="plan.imageUrls">
              <p  *ngFor="let img of plan.imageUrls"><img [src]="img" alt="img"></p>
            </div>
          </div>
        </div>
      </div>
      <seed-default-graph [text]="'暂无'" [url]="'unifyPic'" *ngIf="!lessonInfo.listTrainPlan"></seed-default-graph>
    </div>
  </div>
</seed-content>
